<template>
	<view>
		<!-- 状态 -->
		<view class="flex" style="align-items: center;">
			<image class="mt3 ml3 mr3 mb3" style="height: 90rpx; width: 90rpx;" src="../../static/gou.png"></image>
			<view class="ml1 font_bold" style="font-size: 50rpx; color: #0B0B0B;">已完成</view>
			<view class="font_bold"
				style="color: #000000; font-size: 25rpx; margin-top: 15rpx; border: 4rpx #000000 solid;
			width:150rpx ; height: 45rpx; margin-left: auto; margin-right: 30rpx; display: flex;justify-content: center;align-items: center;">
				开具发票
			</view>
		</view>



		<!-- 地址 -->
		<!-- 普通分割线 -->
		<view class="ml3 flex"
			style="color: #D0D0D0; height: 2rpx; align-items: center; justify-content: flex-start; margin-right: 30rpx;">
			<view style="width: 100%; border: #B9B9B9 1rpx solid;"></view>
		</view>
		<view class="ml3 mt3">
			<view class="flex">
				<view class="flex " style="flex-direction: column;">
					<view class="font_bold" style="color: #121212; font-size: 35rpx;">xx科技有限公司</view>
					<text class="mt3" style="color: #888787; font-size: 28rpx;">福建省厦门市湖里区仙岳路4666号湖里万达广场</text>
					<text></text>
				</view>
				<view class=" flex"
					style="color: #888787;font-size: 25rpx; margin-right: 30rpx; height: 30rpx; width: 110rpx; justify-content: center;align-items: center;">
					查看地图</view>
			</view>
		</view>


		<!-- 匹配信息 -->
		<!-- 分割线 -->
		<view class="ml3 flex"
			style="color: #D0D0D0; height: 25rpx; align-items: center; justify-content: flex-start; margin-right: 30rpx; margin-top: 50rpx; flex-wrap: nowrap;">
			<text class="flex"
				style="font-size: 25rpx;height: 25rpx; width: 120rpx; justify-content: center;align-items: center;">匹配信息</text>
			<view class=" ml3" style="width: 100%; border: #B9B9B9 1rpx solid;"></view>
		</view>
		<view class="ml3" style="margin-top: 60rpx; margin-right: 30rpx;">
			<view style="font-size: 30rpx; justify-content: space-between;" class="font_bold flex">
				<view>玩家昵称:</view>
				<view>快来找我玩呀</view>
			</view>
			<view style="font-size: 30rpx; justify-content: space-between; margin-top: 30rpx;" class="font_bold flex">
				<view>玩家编号:</view>
				<view>1002436</view>
			</view>
			<view style="font-size: 30rpx; justify-content: space-between; margin-top: 30rpx;" class="font_bold flex">
				<view>玩家服务总次数:</view>
				<view>5/次</view>
			</view>
			<view style="font-size: 30rpx; justify-content: space-between; margin-top: 30rpx;" class="font_bold flex">
				<view>玩家服务总时长:</view>
				<view>136/分钟</view>
			</view>
			<view style="font-size: 30rpx; justify-content: space-between; margin-top: 30rpx;" class="font_bold flex">
				<view>游戏类型:</view>
				<view>英雄联盟</view>
			</view>
			<view style="font-size: 30rpx; justify-content: space-between; margin-top: 30rpx;" class="font_bold flex">
				<view>座位号:</view>
				<view>第九号</view>
			</view>

			<view style="font-size: 30rpx; justify-content: space-between; margin-top: 30rpx;" class="font_bold flex">
				<view>开始时间:</view>
				<view>2022年1月12日21:20:30</view>
			</view>

			<view style="font-size: 30rpx; justify-content: space-between; margin-top: 30rpx;" class="font_bold flex">
				<view>结束时间:</view>
				<view>2022年1月12日21:20:33</view>
			</view>
		</view>


		<!-- 实付 -->
		<!-- 普通分割线 -->
		<view class="ml3 flex"
			style="color: #D0D0D0; height: 2rpx; align-items: center; justify-content: flex-start; margin-right: 30rpx;margin-top: 50rpx;">
			<view style="width: 100%; border: #B9B9B9 1rpx solid;"></view>
		</view>
		<view class="ml3 flex"
			style="justify-content: space-between; align-items: center;margin-top: 40rpx; margin-right: 30rpx;">
			<view style=" font-size: 30rpx;" class="font_bold">实付</view>
			<view style=" font-size: 25rpx;" class="font_bold">¥ 135</view>
		</view>

		<!-- 订单详情 -->
		<!-- 分割线 -->
		<view class="ml3 flex"
			style="color: #D0D0D0; height: 25rpx; align-items: center; justify-content: flex-start; margin-right: 30rpx; margin-top: 50rpx; flex-wrap: nowrap;">
			<text class="flex"
				style="font-size: 25rpx;height: 25rpx; width: 120rpx; justify-content: center;align-items: center;">订单信息</text>
			<view class=" ml3" style="width: 100%; border: #B9B9B9 1rpx solid;"></view>
		</view>
		<view class="ml3" style="margin-top: 50rpx;">
			<view class="flex" style="align-items: center; margin-right: 30rpx;">
				<view style="font-size: 25rpx;font-weight: 500;">订单编号:</view>
				<view style="font-size: 25rpx;color: #5E5D5D;" class="ml2">5165165156165</view>
				<view class="flex"
					style="margin-left: auto;height: 35rpx;width: 60rpx;font-size: 20rpx;justify-content:center;border: #111111 3rpx solid;">
					复制</view>

			</view>
			<view class="flex mt2" style="align-items: center;">
				<view style="font-size: 25rpx;color: #000000;font-weight: 500;">下单时间:</view>
				<view class="ml2" style="font-size: 25rpx;color: #5E5D5D;">2022年1月13日09:14:32</view>
			</view>


			<view class="flex mt2" style="align-items: center;">
				<view style="font-size: 25rpx;color: #000000;font-weight: 500;">支付方式:</view>
				<view class="ml2" style="font-size: 25rpx;color: #5E5D5D;">微信支付</view>
			</view>
		</view>

		<!-- 友情提示 -->
		<view class="ml3 flex"
			style="color: #D0D0D0; height: 25rpx; align-items: center; justify-content: flex-start; margin-right: 30rpx; margin-top: 50rpx; flex-wrap: nowrap;">
			<text class="flex"
				style="font-size: 25rpx;height: 25rpx; width: 130rpx; justify-content: center;align-items: center;">友情提示:</text>
			<view class=" ml3" style="width: 100%; border: #B9B9B9 1rpx solid;"></view>
		</view>

		<view class="mt2 ml3 mr3">
			<view style="font-size: 20rpx; color: #101010; font-weight: 500;">1. 如需开票, 请您在20日内提交开票申请。</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
</style>
